<!--<form nz-form [formGroup]="form" (ngSubmit)="submit()" role="form">-->
<!--  <nz-tabset [nzAnimated]="false" class="tabs" (nzSelectChange)="switch($event)">-->
<!--    <nz-tab [nzTitle]="'账户密码登录'">-->
<!--      @if (error) {-->
<!--        <nz-alert [nzType]="'error'" [nzMessage]="error" [nzShowIcon]="true" class="mb-lg" />-->
<!--      }-->
<!--      <nz-form-item>-->
<!--        <nz-form-control nzErrorTip="Please enter mobile number, muse be: admin or user">-->
<!--          <nz-input-group nzSize="large" nzPrefixIcon="user">-->
<!--            <input nz-input formControlName="userName" placeholder="username: admin or user" />-->
<!--          </nz-input-group>-->
<!--        </nz-form-control>-->
<!--      </nz-form-item>-->
<!--      <nz-form-item>-->
<!--        <nz-form-control nzErrorTip="Please enter password, muse be: ng-alain.com">-->
<!--          <nz-input-group nzSize="large" nzPrefixIcon="lock">-->
<!--            <input nz-input type="password" formControlName="password" placeholder="password: ng-alain.com" />-->
<!--          </nz-input-group>-->
<!--        </nz-form-control>-->
<!--      </nz-form-item>-->
<!--    </nz-tab>-->
<!--    <nz-tab [nzTitle]="'手机号登录'">-->
<!--      <nz-form-item>-->
<!--        <nz-form-control [nzErrorTip]="mobileErrorTip">-->
<!--          <nz-input-group nzSize="large" nzPrefixIcon="user">-->
<!--            <input nz-input formControlName="mobile" placeholder="mobile number" />-->
<!--          </nz-input-group>-->
<!--          <ng-template #mobileErrorTip let-i>-->
<!--            @if (i.errors.required) {-->
<!--              请输入手机号！-->
<!--            }-->
<!--            @if (i.errors.pattern) {-->
<!--              手机号格式错误！-->
<!--            }-->
<!--          </ng-template>-->
<!--        </nz-form-control>-->
<!--      </nz-form-item>-->
<!--      <nz-form-item>-->
<!--        <nz-form-control [nzErrorTip]="'请输入验证码！'">-->
<!--          <nz-row [nzGutter]="8">-->
<!--            <nz-col [nzSpan]="16">-->
<!--              <nz-input-group nzSize="large" nzPrefixIcon="mail">-->
<!--                <input nz-input formControlName="captcha" placeholder="captcha" />-->
<!--              </nz-input-group>-->
<!--            </nz-col>-->
<!--            <nz-col [nzSpan]="8">-->
<!--              <button type="button" nz-button nzSize="large" (click)="getCaptcha()" [disabled]="count >= 0" nzBlock [nzLoading]="loading">-->
<!--                {{ count ? count + 's' : '获取验证码' }}-->
<!--              </button>-->
<!--            </nz-col>-->
<!--          </nz-row>-->
<!--        </nz-form-control>-->
<!--      </nz-form-item>-->
<!--    </nz-tab>-->
<!--  </nz-tabset>-->
<!--  <nz-form-item>-->
<!--    <nz-col [nzSpan]="12">-->
<!--      <label nz-checkbox formControlName="remember">自动登录</label>-->
<!--    </nz-col>-->
<!--    <nz-col [nzSpan]="12" class="text-right">-->
<!--      <a class="forgot" routerLink="/passport/register">忘记密码</a>-->
<!--    </nz-col>-->
<!--  </nz-form-item>-->
<!--  <nz-form-item>-->
<!--    <button nz-button type="submit" nzType="primary" nzSize="large" [nzLoading]="loading" nzBlock> 登录 </button>-->
<!--  </nz-form-item>-->
<!--</form>-->
<!--<div class="other">-->
<!--  其他登录方式-->
<!--  <i nz-tooltip nzTooltipTitle="in fact Auth0 via window" (click)="open('auth0', 'window')" nz-icon nzType="alipay-circle" class="icon"></i>-->
<!--  <i nz-tooltip nzTooltipTitle="in fact Github via redirect" (click)="open('github')" nz-icon nzType="taobao-circle" class="icon"></i>-->
<!--  <i (click)="open('weibo', 'window')" nz-icon nzType="weibo-circle" class="icon"></i>-->
<!--  <a class="register" routerLink="/passport/register">注册账户</a>-->
<!--</div>-->

<form nz-form [formGroup]="form" (ngSubmit)="submit()" role="form">
  <nz-tabset [nzAnimated]="false" class="tabs" (nzSelectChange)="switch($event)">
    <nz-tab [nzTitle]="'账户密码登录'">
      <nz-alert *ngIf="error" [nzType]="'error'" [nzMessage]="error" [nzShowIcon]="true" class="mb-lg"></nz-alert>
      <nz-form-item>
        <nz-form-control nzErrorTip="请输入用户名">
          <nz-input-group nzSize="large" nzPrefixIcon="user">
            <input nz-input formControlName="userName" placeholder="用户名" />
          </nz-input-group>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <nz-form-control nzErrorTip="请输入至少6位密码">
          <nz-input-group nzSize="large" nzPrefixIcon="lock">
            <input nz-input type="password" formControlName="password" placeholder="密码" />
          </nz-input-group>
        </nz-form-control>
      </nz-form-item>
    </nz-tab>
    <nz-tab [nzTitle]="'手机号登录'">
      <nz-alert *ngIf="errorForPhoneLogin" [nzType]="'error'" [nzMessage]="errorForPhoneLogin" [nzShowIcon]="true" class="mb-lg"></nz-alert>
      <nz-form-item>
        <nz-form-control [nzErrorTip]="mobileErrorTip">
          <nz-input-group nzSize="large" nzPrefixIcon="user">
            <input nz-input formControlName="mobile" placeholder="手机号" />
          </nz-input-group>
          <ng-template #mobileErrorTip let-i>
            <ng-container *ngIf="i.errors.required"> 请输入手机号！ </ng-container>
            <ng-container *ngIf="i.errors.pattern"> 手机号格式错误！ </ng-container>
          </ng-template>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <nz-form-control [nzErrorTip]="'请输入验证码！'">
          <nz-row [nzGutter]="8">
            <nz-col [nzSpan]="14">
              <nz-input-group nzSize="large" nzPrefixIcon="mail">
                <input nz-input formControlName="captcha" placeholder="验证码" />
              </nz-input-group>
            </nz-col>
            <nz-col [nzSpan]="10">
              <button
                type="button"
                nz-button
                nzSize="large"
                (click)="getCaptcha()"
                [disabled]="count > 0"
                nzBlock
                [nzLoading]="http.loading"
              >
                {{ count ? count + '秒后可获取' : '获取验证码' }}
              </button>
            </nz-col>
          </nz-row>
        </nz-form-control>
      </nz-form-item>
    </nz-tab>
  </nz-tabset>
  <nz-form-item>
    <nz-col [nzSpan]="12">
      <label nz-checkbox formControlName="remember">自动登录</label>
    </nz-col>
    <nz-col [nzSpan]="12" class="text-right">
      <a class="forgot" (click)="msgSrv.info('请联系管理员')">忘记密码</a>
    </nz-col>
  </nz-form-item>
  <nz-form-item>
    <button nz-button type="submit" hotkey="Enter" nzType="primary" nzSize="large" [nzLoading]="http.loading" nzBlock>登录</button>
  </nz-form-item>
</form>
<div class="other">
  <!--  其他登录方式-->
  <!--  <i nz-tooltip nzTooltipTitle="in fact Auth0 via window" (click)="open('auth0', 'window')" nz-icon nzType="alipay-circle" class="icon"></i>-->
  <!--  <i nz-tooltip nzTooltipTitle="in fact Github via redirect" (click)="open('github')" nz-icon nzType="taobao-circle" class="icon"></i>-->
  <!--  <i (click)="open('weibo', 'window')" nz-icon nzType="weibo-circle" class="icon"></i>-->
  <!--  <a class="register" routerLink="/passport/register">注册账户</a>-->
</div>
